<template>
	<div class="wrapper">
		<!-- 轮播 -->
		<swiper :options="swiperOption" v-if="swiperList.length">			
			<swiper-slide v-for="(item,index) in swiperList" :key="item.id">
				<img class="swiper-img" :src="item.imgUrl" alt="">
			</swiper-slide>
		    <div class="swiper-pagination"  slot="pagination"></div>
		</swiper>
	</div>	
</template>

<script>
	export default{
		props:{
			swiperList:Array
		},
		data() {
      		return {
        		swiperOption:{
        			pagination:".swiper-pagination",
        			loop:false
	        	}
      		}
    	},
    	computed: {
			swiper() {
				return this.$refs.mySwiper.swiper
			}
    	},
	
	}
</script>

<style lang="stylus" scoped="">
	.wrapper >>> .swiper-pagination-bullet-active
		background:#fff
	.wrapper
		width:100%
		height:31.25vw   //宽高自适应
		.swiper-img
			width:100%
</style>